
<!-- 继承blog/base.html ⽂件 -->
{% extends "blog/base.html" %}
<!-- 加载⾃定义标签 -->
{% load blog_tags %}
<!-- 使⽤此处标题块内容替换blog/base.html⽂件中标题块 -->
{% block title %}{{ post.title }}{% endblock %}
<!-- 使⽤此处内容块代码替换blog/base.html⽂件中内容块-->
{% block content %}
  <h1>{{ post.title }}</h1>
  <p class="date">
    Published {{ post.publish }} by {{ post.author }}
  </p>
  <!-- 将{{ post.body|linebreaks }} 改为如下代码以便⽀持markdown语法 }}-->
  {{ post.body|markdown }}
  <p>
     <a href="{% url "blog:post_share" post.id %}">
       Share this post
     </a>
  </p>   
  <h2>Similar posts</h2>
  <!-- 对于每篇相似⽂章，显示其标题并变为链接⽀持跳转 -->
  {% for post in similar_posts %} 
   <p>
   <a href="{{ post.get_absolute_url }}">{{ post.title }}</a>
   </p>
  <!-- 若没有相似⽂章显示如下内容 -->
  {% empty %}
   There are no similar posts yet.
  {% endfor %} 
 <!-- with标签的作⽤是对变量进⾏重命名 --> 
{% with comments.count as total_comments %} 
<h2>
  <!-- pluralize 过滤器叫做复数过滤器，当前⾯的数量是⼤于1的则⾃动为comment添
 加s，适⽤于英⽂-->
    {{ total_comments }} comment{{ total_comments|pluralize }}
</h2>
{% endwith %}
<!-- 遍历所有评论信息并显示-->
{% for comment in comments %}
<div class="comment">
    <p class="info">
 <!-- forloop.counter 标签⾃动⽣成循环元素的序号 -->
    Comment {{ forloop.counter }} by {{ comment.name }}
    {{ comment.created }}
    </p>
    {{ comment.body|linebreaks }}
</div>
<!-- 如果没有评论，显示如下信息 -->
{% empty %}
    <p>There are no comments yet.</p>
{% endfor %}
<!-- 如果是新评论，提示你已经评论 -->
{% if new_comment %}
<h2>Your comment has been added.</h2>
<!-- 否则显示添加新评论并显示评论表单-->
{% else %}
  <!-- 添加评论标题-->
    <h2>Add a new comment</h2>
<!-- 评论表单 -->
    <form method="post">
 <!-- 根据后端评论表单⾃动⽣成前端评论表单 -->
    {{ comment_form.as_p }}
 <!-- 防⽌远程跨域劫持攻击 -->
    {% csrf_token %}
 <!-- 提交评论按钮 -->
    <p><input type="submit" value="Add comment"></p>
    </form>

{% endif %}
{% endblock %}

